<template>
  <div class="main">
    <header></header>
    <body>
      <div class="exhibit">
        <div class="taiji">
          <div class="rightBg"></div>
          <div class="white-t">
            <div class="black-t"></div>
          </div>
          <div class="black-b">
            <div class="white-b"></div>
          </div>
        </div>
        <div class="bagua">
          <div class="rect"
            v-for="(v,i) in rectList"
            :key="i">
              <div class="gua"
                v-for="(value,index) in v"
                :key="index">
                  <hex :divide="value"></hex>
              </div>
          </div>
        </div>
        <div class="guaxiang">
          <div v-for="(v,j) in result"
            :key="j">
              <hex :divide="v"></hex>
          </div>
        </div>
      </div>
      <div class="btn"></div>
      <div class="explain">
        <div class="poem"></div>
        <div class="meaning"></div>
      </div>
    </body>
    <footer></footer>
  </div>
</template>

<script src="./another.js"></script>

<style scoped src="./another.styl"></style>